<!DOCTYPE HTML>
<html lang="ja">

<head>
	<!--=============== basic  ===============-->
	<meta charset="UTF-8">
	<title>注文前のお問い合わせ｜株式会社ビューティフルエンジェル</title>
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<meta name="description" content="株式会社ビューティフルエンジェルの問い合わせページです。">
	<meta name="keywords" content="問い合わせ">
	<meta name="author" content="株式会社ビューティフルエンジェル">
	<!--=============== css  ===============-->
	<link type="text/css" rel="stylesheet" href="__STATIC__/beautiful/css/reset.css">
	<link type="text/css" rel="stylesheet" href="__STATIC__/beautiful/css/plugins.css">
	<link type="text/css" rel="stylesheet" href="__STATIC__/beautiful/css/style.css">
	<link type="text/css" rel="stylesheet" href="__STATIC__/beautiful/css/yourstyle.css">
	<!--=============== favicons ===============-->
	<link rel="shortcut icon" href="https://www.beautiful-angel.co.jp/images/favicon.ico">

	<link rel="stylesheet" href="__STATIC__/beautiful/css/bootstrap.min.css">
	<link rel="stylesheet" href="__STATIC__/beautiful/css/bootstrap-select.css">
	<script type="text/javascript">
		function sample() {
			var browser = document.fm.s.value;
			location.href = browser;
		}
	</script>

</head>

<body>
	<!-- loader -->
	<div class="spinner">
		<div class="double-bounce1"></div>
		<div class="double-bounce2"></div>
	</div>
	<!-- loader end -->
	<!--================= Main   ================-->
	<div id="main">
		<!--================= header ================-->
		<header class="main-header">
			<div class="header-contacts">
				<ul>
					<li><a href="https://www.beautiful-angel.co.jp/index.html"> 株式会社 ビューティフルエンジェル</a></li>
				</ul>
			</div>
			<a class="logo-holder" href="https://www.beautiful-angel.co.jp/index.html"><img src="__STATIC__/beautiful/picture/ba_logo.svg" alt=""></a>
			<!-- search button-->
			<div class="show-sibedar vissidebar"></div>
			<!-- search button end -->
			<!-- sidebar-button -->
			<!-- <div class="sidebar-button-wrap vis-m"></div>-->
			<!-- sidebar-button end-->
			<!-- search button-->
			<!-- <div class="show-search show-fixed-search vissearch"><i class="fa fa-search"></i></div>
                <!-- search button end -->
			<!-- mobile nav -->
			<div class="nav-button-wrap">
				<div class="nav-button vis-main-menu"><span></span><span></span><span></span></div>
			</div>
			<!-- mobile nav end-->
			<!--  navigation -->
			<div class="nav-holder">
				<nav>
					<ul>
						<li>
							<a href="https://www.beautiful-angel.co.jp/index.html">ホーム</a>

						</li>
						<li>
							<a href="https://www.beautiful-angel.co.jp/company.html">企業情報</a>
							<!--second level -->
							<ul>
								<li><a href="https://www.beautiful-angel.co.jp/business.html">事業内容</a></li>
								<li><a href="https://www.beautiful-angel.co.jp/recruit.html">採用情報</a></li>
								<li><a href="https://www.beautiful-angel.co.jp/monitor/ambassador.html">アンバサダー募集</a></li>

							</ul>
							<!--second level end-->
						</li>

						<!--<li>
                                <a href="products.html">製品情報</a>
                                
                            </li>-->
						<li>
							<a href="https://www.beautiful-angel.co.jp/crossborder.html">越境EC代行</a>
							<ul>
								<li><a href="https://www.beautiful-angel.co.jp/promotion.html">中国向けプロモーション支援</a></li>
							</ul>
						</li>
						<li>
							<a href="" class="act-link">お問い合わせ</a>
						</li>
						<li>
							<a href="https://www.beautiful-angel.co.jp/shopping.html">ショッピング</a>
						</li>
					</ul>
				</nav>
			</div>
			<!-- navigation  end -->

			<div class="lang">
				<form name="fm">
					<select name="s" class="selectpicker" onchange="sample()">
						<option value="#" data-thumbnail="https://www.beautiful-angel.co.jp/images/world.png">Language</option>
						<option value="https://www.beautiful-angel.co.jp/en/index.html" data-thumbnail="https://www.beautiful-angel.co.jp/images/pen.png">English</option>
						<option value="https://www.beautiful-angel.co.jp/cn/index.html" data-thumbnail="https://www.beautiful-angel.co.jp/images/pen.png">Chinese</option>
						<option value="https://www.beautiful-angel.co.jp/kr/index.html" data-thumbnail="https://www.beautiful-angel.co.jp/images/pen.png">Korean</option>
						<option value="https://www.beautiful-angel.co.jp/vn/index.html" data-thumbnail="https://www.beautiful-angel.co.jp/images/pen.png">Vietnamese</option>
					</select>
				</form>
			</div>


		</header>
		<!-- header  end -->
		<!--=============== wrapper ===============-->
		<div id="wrapper" class="heiginf">
			<!--Content -->
			<div class="content">
				<section class=" parallax-section content-parallax-section" data-scrollax-parent="true">
					<div class="bg" data-bg="https://www.beautiful-angel.co.jp/images/bg/contact.jpg" data-scrollax="properties: { translateY: '250px' }"></div>
					<div class="overlay"></div>
					<div class="container">
						<div class="hero-wrap2">
							<h1>お問い合わせ</h1>
							<p>Contact</p>
							<span class="separator inline-sep sep-w"></span>
						</div>
					</div>
				</section>


				<section>
					<div class="container">
						<style>
							.nav_zht{
			text-align: center;
			margin-bottom: 20px;
		}
		.nav_zht a{
			font-size: 14px;
			color: #545454;
			text-shadow: none;
			text-decoration: none;
			font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
			font-weight: 400;
			padding: 0px 12px;
			letter-spacing: 0px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		.nav_zht a.active{
			color: #000;
			background: #eee;
		}
						</style>
						<div class="nav_zht">
							<a href="/index.html" class="active">注文前のお問い合わせ</a>
							<a href="/after.html">ご注文後のお問い合わせ</a>
							<a href="/cooperate.html">ビジネスに関するお問い合わせ</a>
						</div>
						<h2>注文前のお問い合わせ</h2>
						<div class="text-container fl-wrap">							
							<!-- contact form -->
							<form id="quickForm" method="post">
								<table class="table-toiawase">
									<tr>
										<th><label for="companyName">会社名</label></th>
										<td><input type="text" class="toi ipt" id="companyName" name="companyName"></td>
									</tr>
									<tr>
										<th><label for="buyPeo">お名前<em><span class="required">必須</span></em></label></th>
										<td><input type="text" class="toi ipt"  id="buyPeo" name="buyPeo"></td>
									</tr>
									<tr>
										<th><label for="email">メールアドレス<em><span class="required">必須</span></em></label></th>
										<td><input type="text" class="toi ipt" id="email" name="email"></td>
									</tr>									
									<tr>
										<th><label for="tel">電話番号</label></th>
										<td><input type="text" class="toi ipt" id="tel" name="tel"></td>
									</tr>
									<tr>
										<th><label for="goodsName">商品名</label></th>
										<td><input type="text" class="toi ipt" id="goodsName" name="goodsName"></td>
									</tr>
									<tr>
										<th><label for="remark">お問い合わせ内容<em><span class="required">必須</span></em></label></th>
										<td><textarea class="toi ipt" id="remark" name="remark"></textarea></td>
									</tr>
									<tr>
										<th><label for="image">ご対応をスムーズに進めるために、<br>写真や動画をお送りいただけますと幸いです。</label></th>
										<td>
											<input type="hidden" class="ipt" id='image' name="image" value=""/>
											<div id='imgPicker'>ファイルの選択</div>
											<span id='uploadMsg'></span>
											<div style='float: left;margin-left: 5px;' id="preview">
												
											</div>
											<span id="remind" style="line-height: 30px;float: left;margin-left: 5px;">ご対応をスムーズに進めるために、写真や動画「JPEG、GIF、PNG、JPG、MP4、MOV」をお送りいただけますと幸いです。</span>
										</td>
									</tr>
								</table>
								<p style="color:#F00;">
									【重要】現在、多くのお問い合わせを頂いております為、御返答に3日間程度またそれ以上のお時間を頂く場合がございます。<br> 大変恐縮ですが、順次対応してまいりますので、予めご了承くださいますようお願い申し上げます。</p>
								<div class="text-center">
									<input type="submit" value="送信" class="btn btn-1">
								</div>
							</form>

							<!-- contact form  end-->

						</div>
					</div>
				</section>


				<div class="clearfix"></div>

				<div class="padcontent"></div>
				<div class="padcontent"></div>
				<!--column wrap -->
				<!-- content  end -->
			</div>
			<!-- wrapper end -->


			<!-- footer -->
			<footer class="fixed-footer">

				<div class="inc">株式会社ビューティフルエンジェル</div>

				<div class="policy-box">
					<span>Copyright&copy;
						<script type="text/javascript">document.write(new Date().getFullYear())</script> Beautiful Angel, Inc. All
						Rights Reserved.
					</span>
				</div>
				<div class="footer-social">
					<ul>
						<li><a href="https://www.facebook.com/belulu2015official/" target="_blank"><i
									class="fa fa-facebook fa-lg"></i><span>facebook</span></a></li>
						<li><a href="https://twitter.com/belulu_beauty" target="_blank"><i
									class="fa fa-twitter fa-lg"></i><span>twitter</span></a></li>
						<li><a href="https://www.instagram.com/belulu_beauty/" target="_blank"><i
									class="fa fa-instagram fa-lg"></i><span>instagram</span></a></li>

					</ul>
				</div>
			</footer>
			<!-- footer end -->
		</div>
		<!-- Main end -->
		<!--=============== scripts  ===============-->
		<script type="text/javascript" src="__STATIC__/beautiful/js/jquery.min.js"></script>
		<script type="text/javascript" src="__STATIC__/beautiful/js/plugins.js"></script>
		<script type="text/javascript" src="__STATIC__/beautiful/js/scripts.js"></script>

		<script src="__STATIC__/beautiful/js/bootstrap.min.js"></script>
		<script src="__STATIC__/beautiful/js/bootstrap-select.js"></script>
		<script>
			$(document).ready(function () {
				// Initiate with custom caret icon
				$('select.selectpicker').selectpicker({
					caretIcon: 'glyphicon glyphicon-menu-down'
				});
			});
		</script>

	</div>
	<script>
		window.conf = {
			"DOMAIN": "{:str_replace('index.php','',$Request.root.true)}", // 域名
			"ROOT": "__ROOT__",
			"APP": "__APP__",
			"STATIC": "__STATIC__", // 静态文件目录
			"SUFFIX": "{:config('url_html_suffix')}", // url后缀
			"GOODS_LOGO": "/{:ZHTConf('CONF.goodsLogo')}", // 商品默认图片
			"SHOP_LOGO": "/{:ZHTConf('CONF.shopLogo')}", // 店铺默认头像
			"WEB_LOGO": "/{:ZHTConf('CONF.webLogo')}", // 商城默认logo
			"USER_LOGO": "/{:ZHTConf('CONF.userLogo')}", // 用户默认头像
			"IS_LOGIN": "{if (int)session('ZHT_USER.userId')>0 }1{else}0{/if}", // 会员是否登录
			"TIME_TASK": "0", // 是否每秒中刷新信息，购物车，用户消息会用到
		}
	</script>
	<!-- layui -->
	<script src="__STATIC__/plugins/layui/layui.all.js"></script>
	<!-- 自定义 -->
	<script src="__STATIC__/js/zht-common.js"></script>
	<script src="__STATIC__/js/zht-home.js"></script>
	<!-- jquery-validation -->
	<script src="__STATIC__/plugins/jquery-validation/jquery.validate.min.js"></script>
	<script src="__STATIC__/plugins/jquery-validation/additional-methods.min.js"></script>
	<script src="__STATIC__/js/beautiful-before.js"></script>
	<!--上传图片-->
	<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/webuploader/webuploader.css" />
	<script type="text/javascript" src="__STATIC__/plugins/webuploader/webuploader.js"></script>
	<script type='text/javascript'>
		$(function () {
			// 上传图片js
			ZHT.upload({
				pick:'#imgPicker',
				// formData: {dir:'../chargebackjp.cc/static/upload/order'},// formData: {dir:'articles',isThumb:1},
				formData: {dir:'../admin/chargebackjp/interface/static/upload/order'},// formData: {dir:'articles',isThumb:1},
				server:ZHT.U('home/base/uploadFile'),
				accept: {extensions: 'gif,jpg,jpeg,png,mp4,mov',mimeTypes: 'image/jpg,image/jpeg,image/png,image/gif,video/*'},
				callback:function(f){
					// console.log(f);
					var json = ZHT.toJson(f);
					if(json.status==1){
					$('#uploadMsg').empty().hide();
					if(json.name.split(".").pop().toLowerCase() == 'mp4' || json.name.split(".").pop().toLowerCase() == 'mov'){
						$('#preview').html('<video src="http://admin.kireido.cn/chargebackjp/interface/static/upload/order/'+json.name+'" height="50"></video>');
					}else{
						$('#preview').html('<img src="http://admin.kireido.cn/chargebackjp/interface/static/upload/order/'+json.name+'" height="50" />');
					}					
					$('#image').val(json.name);
					}
				},
				progress:function(rate){
						$('#uploadMsg').show().html('已上传'+rate+"%");
				}
			});
		});
	</script>
</body>

</html>